/*common*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
ul, dl, ol, li {list-style:none;}
em {font-style:normal;}
img {border:none;}

a {color:#333; text-decoration:none; cursor:pointer;}
a:active {color:#333; text-decoration:none;}
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}

.clear {height:0px; line-height:0px; font-size:0px; clear:both; overflow:hidden;}

/*pure*/
.pure-g {letter-spacing:0em;}
.pure-form label {font-size:1.25em; line-height:1.5em;}
.pure-form input[type="text"], .pure-form input[type="password"], .pure-form input[type="email"], .pure-form input[type="url"], .pure-form input[type="date"], .pure-form input[type="month"], .pure-form input[type="time"], .pure-form input[type="datetime"], .pure-form input[type="datetime-local"], .pure-form input[type="week"], .pure-form input[type="number"], .pure-form input[type="search"], .pure-form input[type="tel"], .pure-form input[type="color"], .pure-form textarea {font-size:1.1em; line-height:1.25em;}
.pure-button {font-size:1em; line-height:1.25em;}
.pure-form select {font-size:1.25em; line-height:1.5em;}
.pure-menu.pure-menu-open, .pure-menu.pure-menu-horizontal li .pure-menu-children {border-radius: 2px 2px 2px 2px;}
.pure-menu .pure-menu-heading {font-size:1em;}

/*pure extend*/
.pure-primary,.pure-success,.pure-error,.pure-warning,.pure-secondary {color: #fff;}
.pure-primary {background-color: rgb(0, 120, 231);}
.pure-success {background: rgb(28, 184, 65);}
.pure-error {background: rgb(202, 60, 60); }
.pure-warning {background: rgb(223, 117, 20); }
.pure-secondary {background: rgb(66, 184, 221);}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}


/*@group dialog*/
.dialog {width:100%; position:absolute; z-index:9991; top:0; left:0;}
.dialog .cover {width:100%; height:100%; position:absolute; background:#666; z-index:9992; opacity:0.65; -moz-opacity:0.65; -khtml-opacity:0.65;}
.dialog .window {top:50%; left:50%; position:absolute; width:90%; margin-left:-45%; background:#fff; z-index:9993; border-radius:2px; box-shadow:1px 2px 3px #666;}
.dialog .window .content {clear:both; text-align:center;}
.dialog .window .content .message {padding:1em 0.5em;}
.dialog .window .content .message .title {font-size:1.15em; line-height:1.5em; margin-bottom:0.5em;}
.dialog .window .content .message .block {margin:0; padding:0.25em 1em;}
.dialog .window .content .message .tips {padding:0 1em; color:#FD6A27; text-align:left;}

.dialog .window .button {height:38px; display: -webkit-box; text-align:center; background:#efefef; border-radius:2px;}
.dialog .window .button a {display:block; font-size:1em; line-height:32px; border:1px solid #dedede; border-bottom:0; border-left:0; -webkit-box-flex:1; box-flex:1; padding:0.15em;}
.dialog .window .button a i {margin-right:0.1em; color:#666;}
.dialog .window .button a:last-child {border-right:0;}
.dialog .window-max {top:50%; left:0; position:absolute; width:100%; margin-left:0; background:#fff; z-index:9993; border-radius:2px; box-shadow:1px 2px 3px #666;}

/*mobile*/
#main {position:relative; z-index:100;}

#header .pure-g {display:block; line-height:2.5em; font-size:1.2em;}
#header .pure-g .pure-u-1-6 {display:block; width:40px; float:left; padding-left:10px;}
#header .pure-g .pure-u-1-6 a {display:block; font-size:1.5em;}
#header .pure-g .pure-u-1-6 a img {width:75%; vertical-align:middle;}

#header .pure-g .pure-u-2-3 {display:block; float:left; font-size:1.2em;}
#header .pure-g .menu {float:right; text-align:center;}

#content{background:#fff;}

#content .index .slides {position:relative; overflow:hidden;}
#content .index .slides .imgs {position:relative;}
#content .index .slides .imgs p {width:100%; float:left;}
#content .index .slides .imgs p img {width:100%;}

#content .index .slides .record {cursor:pointer; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; width:100px; height:100px; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
#content .index .slides .loading {position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-12px; width:100px; height:100px; height:1.5em; line-height:1.5em; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
#content .index .slides .bar {position:absolute; bottom:0px; left:0px; width:100%; height:1.5em; line-height:1.5em; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
#content .index .slides .bar .points {text-align:right; margin-right:10px;}
#content .index .slides .bar .points span {display:inline-block; width:10px; height:10px; background:url(../images/icon_slider.png);}
#content .index .slides .bar .points span.active {background:url(../images/icon_slider_active.png);}

#content .index .bar1 {width:100%; height:2.5em; line-height:2.5em; background:#dad5c7;position:relative;}
#content .index .bar1 .logo { top:-2em; left:0.5em; width:4em;position:absolute;}
#content .index .bar1 .logo img {width:100%;}
#content .index .bar1 .logo2{position:absolute; top:0.5em; left:4.8em; width:6em;}
#content .index .bar1 .logo2 img {width:100%;}
#content .index .bar1 .score{position:absolute; top:0.5em; right:0.5em; width:6em;}
#content .index .bar1 .score img {width:100%;}

#content .index .slides .loading {position:absolute; top:50%; left:50%; margin-top:-12px; margin-left:-12px; width:100px; height:100px; height:1.5em; line-height:1.5em; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}

#content .index .nav{ width:100%;}
#content .index .nav li {margin-top:1em; width:20%; margin-left:10%; float:left;}
#content .index .nav li img{ width:100%;}

#content .index .support{line-height:6em; text-align:center; font-size:0.7em; color:#999;}
#content .index .remark {padding:1em; font-size:1.2em; line-height:1.4em;}

#content .index .qrcode {text-align:center;}
#content .index .qrcode img {width:80%;}

#content .space {height:3em;}


#side {position:absolute; width:80px; background:#666; top:0px; right:-80px; z-index:-1;}
#side ul li {width:80px; padding-bottom:1em; border-bottom:1px solid #ccc; margin-top:10px;}
#side ul li.photo {padding:0; border:0; margin:0;}
#side ul li.photo a {padding:0;}
#side ul li.photo img {width:100%;}
#side ul li.registe {background:url(../images/mobile/icon_registe.png) no-repeat center top;}
#side ul li.login {background:url(../images/mobile/icon_login.png) no-repeat center top;}
#side ul li.store {background:url(../images/mobile/icon_store.png) no-repeat center top;}
#side ul li.product {background:url(../images/mobile/icon_product.png) no-repeat center top;}
#side ul li.changepwd {background:url(../images/mobile/icon_changepwd.png) no-repeat center top;}
#side ul li.msg {background:url(../images/mobile/icon_msg.png) no-repeat center top;}
#side ul li a {display:block; padding-top:35px; text-align:center;}


#content .topbar{position:relative; overflow:hidden; height:2em; line-height:2em; text-align:center; font-size:1.5em; color:#441a07; background:#ddd7ca; border-bottom:1px solid #CCC;}
#content .topbar .back{position:absolute; left:0.5em; top:0.15em; width:1.3em;}
#content .topbar .back img{ width:100%;}
#content .topbar .toplist{ position:absolute; right:0.5em; top:0.1em; width:4em; font-size:0.8em;}
#content .topbar .toplist img{ width:100%;}


#content .list1{}
#content .list1 td.left{ width:6em; height:5em;}
#content .list1 td.left img{ width:5em; height:4em;}
#content .list1 td.right{ padding-right:0.5em;}
#content .list1 h1{ font-size:1em; line-height:1.3em; height:2.5em; overflow:hidden; font-weight:normal;}
#content .list1 h3{ font-size:0.8em; color:#999; line-height:1em; height:1em; font-weight:normal;}
#content .list1 tr{ border-bottom:1px solid #CCC;}
#content .list1 tr:last-child {}

#content .list2{}
#content .list2 li{ float:left; width:44%; margin-left:4%; margin-top:1em; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid ddd; -webkit-box-shadow:0 0 6px #666; -moz-box-shadow:0 0 6px #666; padding-bottom:0.5em;}
#content .list2 li .imgs{ width:100%; padding:5%;}
#content .list2 li .imgs img{ width:90%;}
#content .list2 li p{ font-size:1em; line-height:1.2em; height:2.5em; overflow:hidden; text-align:center; width:90%; margin:0 auto;}

#content .list_parents{}
#content .list_parents li{margin:1em; border:1px solid ddd; -webkit-box-shadow:0 0 6px #666; -moz-box-shadow:0 0 6px #666; padding:1em;}
#content .list_parents li h1{ font-size:1em; line-height:2em; height:2em; overflow:hidden; font-weight:normal; color:#333;}
#content .list_parents li h2{ font-size:0.8em; line-height:1.8em;font-weight:normal; color:#333}
#content .list_parents li h2 a{ color:#999;}
#content .list_parents li .comments{ height:1.5em; line-height:1.5em; margin-top:0.8em;}
#content .list_parents li .comments .comment{ float:right; margin-right:1.5em; font-size:0.8em; text-align:left; width:auto; background:url(../images/icon_comment.png) no-repeat 0 center; padding-left:18px;}
#content .list_parents li .comments .zan{ float:right; font-size:0.8em; text-align:left; width:auto; background:url(../images/icon_zan.png) no-repeat 0 center; padding-left:16px;}

#content .music .slides {position:relative; overflow:hidden;}
#content .music .slides .imgs {position:relative;}
#content .music .slides .imgs img {width:100%;}
#content .music .slides .bar {width:100%; height:2.5em; line-height:2.5em; position:absolute; left:0; bottom:0;background-color: rgba(0,0,0,0.6); text-align:left; font-size:1em; padding-left:1em; color:#fff;}
#content .music .musiclists{}
#content .music .musiclists li{height:3em; line-height:3em; font-size:1em;border-bottom:1px solid #CCC; overflow:hidden;}
#content .music .musiclists li a{display:block; text-align:left; background:url(../images/icon_play.png) no-repeat .8em center; padding-left:2.8em; height:3em; line-height:3em; font-size:1em; color:#999;}
#content .music .musiclists li a.active{display:block; text-align:left; background:url(../images/icon_pause.png) no-repeat .8em center; padding-left:2.8em; height:3em; line-height:3em; font-size:1em; color:#999;}
#content .music .musiclists li a.pause{display:block; text-align:left; background:url(../images/icon_replay.png) no-repeat .8em center; padding-left:2.8em; height:3em; line-height:3em; font-size:1em; color:#999;}
#content .music .musiclists li.active{height:3em; line-height:3em; font-size:1em;border-bottom:1px solid #CCC; overflow:hidden; background:url(../images/musiclistbg.png) repeat-y left; background-color:#36230e;}

#content .music .musicl{}
#content .music .musicl li{height:3em; line-height:3em; font-size:1em;border-bottom:1px solid #CCC; overflow:hidden;}
#content .music .musicl li a{display:block; text-align:left;  padding-left:1em; height:3em; line-height:3em; font-size:1em; color:#999;}

#content .scoresearch .bar{ height:3em; background:url(../images/scorebg.png) repeat-x; padding-top:1em;}
#content .scoresearch .bar tr{ height:2em;}
#content .scoresearch .bar input{ width:100%; text-align:left; padding:4px 8px; background:#fff; border:1px solid #ddd;}
#content .scoresearch .bar a{ display:block; width:100%;  height:1.8em; line-height:1.8em; text-align:center; background:#ed5565; color:#fff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#content .scoresearch p{ padding:1em; text-align:left; color:#999; font-size:0.8em; line-height:1.2em;}

#content .scoresearch_result{ padding:1em; background:#f9f6f1;}
#content .scoresearch_result p{ line-height:2em; font-size:1em; text-align:left; color:#666; padding:0;}
#content .scoresearch_result tr{ height:2.5em;}
#content .scoresearch_result td.style1{color:#441a07; width:5em; padding-left:1em;}
#content .scoresearch_result td.style2{ padding-left:1em;}

#content .details{ padding:.8em;}
#content .details .title{ text-align:left; line-height:1.5em; font-size:1.5em; color:#000;}
#content .details p{ font-size:1em; line-height:1.5em; color:#666; text-indent:2em;}
#content .details .times{ font-size:.7em; color:#999; text-align:left; line-height:2em;}

#content .details_comments{}
#content .details_comments .title{ height:1.5em; line-height:1.5em; font-size:1.5em ;border-top:1px solid #441a07; background-color:#f2eee5 }
#content .details_comments .title .commentarea{ float:left;line-height:1.5em; margin-left:1em; width:auto; background:url(../images/icon_comment_b.png) no-repeat 0 center; padding-left:28px; font-size:1em; color:#441a07;}
#content .details_comments .title .zanarea a{ display:block; float:right; margin-right:1em; line-height:2em; font-size:0.7em; background:url(../images/icon_zan_b.png) no-repeat 0 center; padding-left:28px;}
#content .details_comments li{ margin-top:1em;padding-bottom:0.5em; border-bottom:1px solid #ccc;}
#content .details_comments li .namearea{ height:1.5em; line-height:1.5em; margin-left:1em;}
#content .details_comments li .namearea p{ float:left; width:auto; height:1.5em; line-height:1.5em; text-align:left; font-size:0.8em; color:#333;}
#content .details_comments li .namearea p span{ color:#999; margin-left:1em;}
#content .details_comments li .namearea .floor{ float:right; height:1em; line-height:1em; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; border:1px solid #ccc; background:#efeded; text-align:center; color:#999; padding:0.3em;font-size:0.8em;}
#content .details_comments li h1{ font-size:1em; line-height:1.5em; font-weight:normal; margin-left:1em;}
#content .details_comments li .replyarea{ height:1.5em; line-height:1.5em; margin-left:1em;}
#content .details_comments li .replyarea p{ float:left; width:auto; height:1.5em; line-height:1.5em; text-align:left; font-size:0.8em; color:#999;}
#content .details_comments li .replyarea .reply{ float:right; width:auto;margin-right:0.5em;}
#content .details_comments li .replyarea .reply a{ display:block; height:1em; line-height:1em; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ccc; background:#efeded; text-align:center; color:#999; padding:0.3em;font-size:0.8em;}
#content .details_comments li .replys{ margin:1em; margin-right:1.5em; border:1px solid #ccc; position:relative;}
#content .details_comments li .replys .arrow{ width:10px; height:8px; position:absolute; left:5px; top:-8px; background:url(../images/icon_arrow.png) no-repeat;}
#content .details_comments li .replys li{ border-bottom:1px dashed #ccc; padding:0.2em 0.5em; margin-top:0.3em;}
#content .details_comments li .replys li .namearea{margin-left:0em;}
#content .details_comments li .replys li h1{margin-left:0em;}
#content .details_comments li .replys li .namearea .reply{ float:right; width:auto;margin-right:0em;}
#content .details_comments li .replys li .namearea .reply a{ display:block; height:1em; line-height:1em; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #ccc; background:#efeded; text-align:center; color:#999; padding:0.3em;font-size:0.8em;}
#content .details_comments .publish{ margin:1em; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #ccc;}
#content .details_comments .publish .inputarea{ padding:0.5em; text-align:left; line-height:1em; font-size:1em;  border-bottom:1px dashed #ccc;}
#content .details_comments .publish .inputarea textarea{ width:100%; border:none;color:#999;}
#content .details_comments .publish .inputname{ height:2em; line-height:2em; padding:0 0.5em 0.3em;}
#content .details_comments .publish .inputname input{ float:left; height:1.2em; line-height:1em; width:auto; margin-top:.5em; border:none;color:#999;}
#content .details_comments .publish .inputname button{ float:right; width:auto; height:1.5em; line-height:1em; text-align:center; font-size:1em; color:#fff; background:#441a07; padding:0 0.5em; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:none; margin-top:.5em;}

#content .details_comments li .replys li:last-child { border:none;}

#content .study{}
#content .study li{ padding:.7em; background:url(../images/studybg.png) repeat-x bottom; border-bottom:1px solid #CCC;}
#content .study li td.go{ width:0.7em;}
#content .study li td.go img{ width:100%;}
#content .study li td p{ font-size:1.2em; text-align:left; color:#333; line-height:1.8em;}
#content .study li td p span{ font-size:.7em; color:#999; line-height:1.5em;}
#content .study li .location{ height:2em; line-height:2em; font-size:.8em;}
#content .study li .location .distance{ float:left; width:auto; background:url(../images/icon_study1.png) no-repeat left center; padding-left:1.5em; padding-right:2em;height:2em; line-height:2em; font-size:1em; color:#666;}
#content .study li .location .phone{ float:left; width:auto; background:url(../images/icon_study2.png) no-repeat left center; padding-left:1.2em; padding-right:2em;height:2em; line-height:2em; font-size:1em; color:#666;}

#content .knowledge{ background:url(../images/konwledgebg.png) no-repeat; background-size:100%; padding:4em 4em; padding-bottom:15em;}
#content .knowledge p{ color:#5a4830; font-size:1.2em;text-align:left; line-height:1.2em;}
#content .knowledge .stage{ width:100%; margin-top:1.5em;}
#content .knowledge .stage td img{ width:100%;}
#content .knowledge .titles{}
#content .knowledge .titles li{color:#000; font-size:1.2em;text-align:left; line-height:1.5em; margin-top:.5em; padding-left:.8em;background-color: rgba(250,180,7,0.15); }

#guide {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); display:none; z-index:9999;}